.glyphicon {
  vertical-align: text-top;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-toggle {
  border: 1px solid #fff;
}
.breadcrumb {
  float: left;
}
.table > tbody > tr > td {
  vertical-align: middle;
}
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
}
.fl {
  float: left;
}
.cf {
  *zoom: 1;
}
.header {
  background-color: #28a3e8;
}
.logo {
  margin-top: 6px;
}
.user-info {
  padding: 4px 15px;
}
#nav-header a {
  color: #fff;
}
#nav-header a:hover {
  background-color: #28a3e8;
}
.main {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 0;
  background-color: #d9dee1;
  z-index: 100;
}
.main-left {
  position: fixed;
  width: 180px;
  top: 50px;
  bottom: 0;
  z-index: 102;
  overflow-x: hidden;
}
.main-right {
  width: auto;
  position: absolute;
  top: 0;
  left: 180px;
  bottom: 0;
  right: 0;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  background: #e9edf0;
}
.content {
  margin: 20px;
}
